﻿<div id="page-rightbar">

    <div id="widgetarea">
        <div class="widget">
            <div class="widget-heading">
                <a href="javascript:;" data-toggle="collapse" data-target="#accsummary"><h4>Estadisticas</h4></a>
            </div>
            <div class="widget-body collapse in" id="accsummary">
                <div class="widget-block" style="background: #7ccc2e;">
                    <div class="pull-left">
                        <small>Total por facturar</small>
                        <h5>$71,182</h5>
                    </div>
                    <div class="pull-right"></div>
                </div>
                <div class="widget-block" style="background: #595f69;">
                    <div class="pull-left">
                        <small>Total Pedido</small>
                        <h5>$150,500</h5>
                    </div>
                    <div class="pull-right">
                    </div>
                </div>
            </div>
        </div>

        <div class="widget">
            <div class="widget-heading">
                <a href="javascript:;" data-toggle="collapse" data-target="#taskbody"><h4>Proximos Vencimientos <small>(3)</small></h4></a>
            </div>
            <div class="widget-body collapse in" id="taskbody">
                <div class="contextual-progress">
                    <div class="clearfix">
                        <div class="progress-title">YPF</div>
                        <div class="progress-percentage"><span class="label label-info">Hoy</span> 85%</div>
                    </div>
                    <div class="progress">
                        <div class="progress-bar progress-bar-info" style="width: 85%"></div>
                    </div>
                </div>
                <div class="contextual-progress">
                    <div class="clearfix">
                        <div class="progress-title">Cliente 2</div>
                        <div class="progress-percentage"><span class="label label-primary">Mañana</span> 60%</div>
                    </div>
                    <div class="progress">
                        <div class="progress-bar progress-bar-primary" style="width: 60%"></div>
                    </div>
                </div>
                <div class="contextual-progress">
                    <div class="clearfix">
                        <div class="progress-title">Cliente 3</div>
                        <div class="progress-percentage"><span class="label label-primary">30/11/2013</span>70%</div>
                    </div>
                    <div class="progress">
                        <div class="progress-bar progress-bar-success" style="width: 70%"></div>
                    </div>
                </div>

                <span class="more"><a href="ui-progressbars.htm">Ver todos los pendientes</a></span>
            </div>
        </div>


    </div>
</div>
